<template>
  <div class="app">
    <!--1. 高评价-->
    <area-section :area-data="highScore"></area-section>
  </div>
</template>

<script setup>
  // 获取数据
  // 模拟网络请求获取数据
  import { ref, reactive, onMounted } from 'vue'
  // import highScore from './data/high_score.json'
  import AreaSection from './components/AreaSection.vue'

  const highScore = ref({})
  setTimeout(() => {
    import("./data/high_score.json").then((res) => {
      console.log(res.default)
      highScore.value = res.default
    })
  }, 2000)
  // const title = ref(highScore.title)
  // const subtitle = ref(highScore.subtitle)

</script>

<style lang="less" scoped>
  .app {
    width: 1032px;
    margin: 0 auto;

  }
</style>
